// 处理login页面的代码逻辑
// 去注册
$('#goto-register').on('click', () => {
  // 注册的盒子显示
  $('#register').show()
})

// 去登录
$('#goto-login').on('click', () => {
  // 注册的盒子隐藏
  $('#register').hide()
})


/*
1.button注册点击事件
2.获取数据
3.发送请求
4.成功或者失败 ---业务处理
*/
// $('.lay-submit').on('click',function (e) {
//   // 阻止表单的默认行为 
//   e.preventDefault()
// })
// 等同于上面的写法
$('#register form').on('submit', function (e) {
  e.preventDefault()
  // 方式一: 通过了表单序列化
  const data = $('#register form').serialize()  // key=value&key=value

  reguser(data, (res) => {
    if (res.data.status === 0) {
      // 注册的盒子隐藏
      $('#register').hide()
    } else {
      // 注册失败
      layer.msg(res.data.message);
    }
  })

  // const res =  reguser(data)
  // axios({
  //   method:'post',
  //   url:'http://api-breakingnews-web.itheima.net/api/reguser',
  //   data:data
  // }).then(res=>{
  //   console.log('返回的状态码',res.data.status);
  //   if(res.data.status === 0){
  //     // 注册的盒子隐藏
  //     $('#register').hide()
  //   }else {
  //     // 注册失败
  //     layer.msg(res.data.message);
  //   }
  // })


  // 方式二:自己拼接数据
  // const username = $('#register input[name="username"]').val()
  // const password = $('#register input[name="password"]').val()
  // const data = `username=${username}&password=${password}`
  // console.log(username, password);
  // console.log(data);
})


// 登录功能
$('#login form').on('submit', function (e) {
  e.preventDefault()
  // 方式一: 通过了表单序列化
  const data = $('#login form').serialize()  // key=value&key=value

  login(data,(res)=> {
    if (res.data.status === 0) {
      // 利用本地存储,将token存储在本地 ==== 其他页面都可以访问到当前的token(加密字符串)
      localStorage.setItem('token', res.data.token)
      // 跳转到首页
      // location.href = './index.html'
      location.href = '/index.html'
    } else {
      // 登录失败
      layer.msg(res.data.message)
    }
  })
  // axios({
  //   method: 'post',
  //   url: 'http://api-breakingnews-web.itheima.net/api/login',
  //   data: data
  // }).then(res => {
  //   console.log(res);
  //   if (res.data.status === 0) {
  //     // 利用本地存储,将token存储在本地 ==== 其他页面都可以访问到当前的token(加密字符串)
  //     localStorage.setItem('token', res.data.token)
  //     // 跳转到首页
  //     // location.href = './index.html'
  //     location.href = '/index.html'
  //   } else {
  //     // 登录失败
  //     layer.msg(res.data.message)
  //   }
  // })
})

const form = layui.form

// const {form} = layui // 解构赋值

form.verify({
  username: [ // 用户名
    /^[a-z0-9]{6,10}$/,
    '账号名是6到10位由数字, 小写字母组成'
  ],
  password: [ // 密码
    /^[\S]{6,10}$/,
    '密码是6到10位, 不能有空格'
  ],
  repwd: function (value) { // value 表单的值 item 表单的dom元素
    // 验证 当前value 和 密码框的值做对比
    // if(value !== $('.pwd').val()){
    //   return "两次密码不一致~"
    // }

    return (value !== $('.pwd').val()) && '两次密码不一致~'
  }
});